<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>

<logic:empty name="usuario">
	<logic:forward name="login" />
</logic:empty>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<link rel="stylesheet" type="text/css" href="/js/datepick/flora.datepick.css">

		<script type="text/javascript" src="/js/datepick/jquery.datepick.js"></script>
		<script type="text/javascript" src="/js/datepick/jquery.datepick-es.js"></script>		
		
		<script type="text/javascript">
			$(function(){
				if($("#periodo").val() == "1")
					$("#mes_actual").attr("checked","checked");
				if($("#periodo").val() == "2")
					$("#mes_pasado").attr("checked","checked");			
				if($("#periodo").val() == "3")
					$("#mes_anno").attr("checked","checked");				
			});
		
			function ComprobarTarificador(id_tarificador) {
				var periodo = 3;
				if($("#periodo").val() == "1") periodo = 1;
				if($("#periodo").val() == "2") periodo = 2;
				if(periodo=="3") {			
					var mes = $("#fecha").attr("value").substring(0,2);
					var anno = $("#fecha").attr("value").substring(3,7);					
					if(mes.length == 2 && anno.length == 4) {
						$("#estado").load("/cargando.htm");
						$("#estado").load("/ExplotacionAction.do?metodo=ComprobarMedidas&mes=" + mes + "&anno=" + anno + "&id_tarificador=" + id_tarificador + "&periodo=" + periodo,null,function (responseText, textStatus , XMLHttpRequest){});
					}
				} else {
					$("#estado").load("/cargando.htm");				
					$("#estado").load("/ExplotacionAction.do?metodo=ComprobarMedidas&id_tarificador=" + id_tarificador + "&periodo=" + periodo,null,function (responseText, textStatus , XMLHttpRequest){});
				}
			}

			function onClickMes(periodo) {				
				if(periodo=="3") {					
					var mes = $("#fecha").attr("value").substring(0,2);
					var anno = $("#fecha").attr("value").substring(3,7);
					if(mes.length == 2 && anno.length == 4) {
						onClickSubMenu('curvas_carga_excel');					
						$("#curvas_carga_excel").load("/ExplotacionAction.do?metodo=EstadoMedidas&mes=" + mes + "&anno=" + anno + "&id_parque=0&comprobar=1&periodo=" + periodo,null,function (responseText, textStatus , XMLHttpRequest){});
					}
				} else {
					onClickSubMenu('curvas_carga_excel');			
					$("#curvas_carga_excel").load("/ExplotacionAction.do?metodo=EstadoMedidas&id_parque=0&comprobar=1&periodo=" + periodo,null,function (responseText, textStatus , XMLHttpRequest){});
				}
			}
		</script>
	</head>
	
	<body>
		<div class="blocks" style="width: 95%;">
			<div class="block" style="width: 500px; float: left;">
  				<h3 class="title"><span>Comprobar Lecturas de Tarificadores</span></h3>
  				<div class="block-div"></div><div class="block-div-arrow"></div>  				
				<div style="text-align: center; margin-bottom: 10px; border-bottom: 1px solid black;">					
					<input type="radio" name="periodo" id="mes_actual" onclick="onClickMes('1');" value="1" /><span class="options" style="vertical-align: top;">&nbsp;Mes Actual</span> | 
					<input type="radio" name="periodo" id="mes_pasado" onclick="onClickMes('2');" value="2" /><span class="options" style="vertical-align: top;">&nbsp;Mes Pasado</span> | 
					<input type="radio" name="periodo" id="mes_anno" onclick="onClickMes('3');" value="3" />
					<logic:present name="fecha">
						<input type="text" id="fecha" style="text-align: center; width: 80px;" value="<bean:write name='fecha'/>"/>
					</logic:present>
					<logic:notPresent name="fecha">
						<input type="text" id="fecha" style="text-align: center; width: 80px;" value=""/>
					</logic:notPresent>
					(MM/yyyy)<br>
					<logic:present name="periodo">
						<input type="hidden" id="periodo" value="<bean:write name='periodo'/>"/>
					</logic:present>
					<logic:notPresent name="periodo">
						<input type="hidden" id="periodo" value="0"/>
					</logic:notPresent>
				</div>  				
  				<div id="opciones" style="text-align: left; width: 100%;">
  					<logic:present name="parques_sin_actualizar">
		  				<ul style="height: 360px; overflow: auto; cursor: default;">						
							<logic:iterate id="parque" name="parques_sin_actualizar">
								<logic:equal value="S" name="parque" property="propio">
									<logic:iterate id="tarificador" name="parque" property="tarificadores">
										<logic:notEqual value="2" name="tarificador" property="orden">
											<li value="<bean:write name='tarificador' property='id_tarificador' format='#' />">
												<bean:write name="parque" property="nombre" />
													<logic:notEqual value="1" name="tarificador" property="orden">
														(<bean:write name="tarificador" property="nombre" />)
													</logic:notEqual>
													<a style="font-size: 12px;" href="javascript: ComprobarTarificador(<bean:write name="tarificador" property="id_tarificador" format="#" />);">
														<br>
														<logic:equal value="1" name="tarificador" property="lecturas_tm1[0].activa_exportada">
															<span style="color: red;">TM1: <bean:write name="tarificador" property="lecturas_tm1[0].fecha" format="dd/MM/yyyy HH:mm"/></span>
														</logic:equal>
														<logic:notEqual value="1" name="tarificador" property="lecturas_tm1[0].activa_exportada">
															TM1: <bean:write name="tarificador" property="lecturas_tm1[0].fecha" format="dd/MM/yyyy HH:mm"/>
														</logic:notEqual>
														 - 
														<logic:equal value="1" name="tarificador" property="lecturas_tm2[0].activa_exportada">
															<span style="color: red;">TM2: <bean:write name="tarificador" property="lecturas_tm2[0].fecha" format="dd/MM/yyyy HH:mm"/></span>
														</logic:equal>
														<logic:notEqual value="1" name="tarificador" property="lecturas_tm2[0].activa_exportada">
															TM2: <bean:write name="tarificador" property="lecturas_tm2[0].fecha" format="dd/MM/yyyy HH:mm"/>
														</logic:notEqual>
													</a>
											</li>
										</logic:notEqual>
									</logic:iterate>		
								</logic:equal>
							</logic:iterate>				              			                      	                     		                     
		            	</ul>
		            </logic:present>                  	  				
  				</div>
  			</div>
 			
			<div id="estado"></div>			
  			
		</div>		
	</body>
</html>